<ion-view view-title="我的" class="me-view">

    <ion-content>
        <ion-list>
            <a class="item item-avatar-left item-icon-right" href="#/main/info">
                <img ng-src="{{vm.me.avatar}}">
                <div>
                    <h3>{{vm.me.name}}<span>未设置昵称</span></h3>
                    <p>{{vm.me.email}}</p>
                </div>
                <i class="icon ion-ios-arrow-right"></i>
            </a>
            <a class="item btn-bar">
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block" ng-click="openApp()" >
                            <i class="icon ion-images positive"></i>
                            <label>相册</label>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block" ng-click="openApp()" >
                            <i class="icon ion-star positive"></i>
                            <label>收藏</label>
                        </button>
                    </div>
                </div>
            </a>
        </ion-list>
        <ion-list class="do-box">
            <div class="item">
                <h2 class="assertive">0.00</h2>
                <p class="balanced"><i class="icon ion-locked"></i>
                    账户安全保障中</p>
            </div>
            <div class="item area-button-group text-left">
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-cloud energized"></i>
                                <h3>余额</h3>
                                <p>0.00</p>
                            </div>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-card energized"></i>
                                <h3>银行卡</h3>
                                <p>2</p>
                            </div>
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-upload assertive"></i>
                                <h3>余额宝</h3>
                                <a>立即转入</a>
                            </div>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-chatbox-working assertive"></i>
                                <h3>招财宝</h3>
                                <p>稳赚更高收益</p>
                            </div>
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-arrow-graph-up-right assertive"></i>
                                <h3>股票</h3>
                                <p>查看行情</p>
                            </div>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-earth assertive"></i>
                                <h3>娱乐宝</h3>
                                <p>《屌丝男士》第二波</p>
                            </div>
                        </button>
                    </div>
                </div>
            </div>
        </ion-list>
        <ion-list>
            <div class="item area-button-group text-left">
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-waterdrop balanced"></i>
                                <h3>芝麻信用分</h3>
                                <p>729分</p>
                            </div>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-bowtie balanced"></i>
                                <h3>蚂蚁花呗</h3>
                                <p>可用8,000.00</p>
                            </div>
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-fireball balanced"></i>
                                <h3>蚂蚁借呗</h3>
                                <a>查看详情</a>
                            </div>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                        </button>
                    </div>
                </div>
            </div>
        </ion-list>
        <ion-list>
            <div class="item area-button-group text-left">
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-umbrella positive"></i>
                                <h3>我的保障</h3>
                                <p>有保障更安全</p>
                            </div>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-person-stalker positive"></i>
                                <h3>淘宝众筹</h3>
                                <p>认真对待每一个梦想</p>
                            </div>
                        </button>
                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                            <div>
                                <i class="icon ion-heart assertive"></i>
                                <h3>爱心捐赠</h3>
                                <a>我要捐赠</a>
                            </div>
                        </button>
                    </div>
                    <div class="col">
                        <button class="button button-light button-block area-button" ng-click="openApp()" >
                        </button>
                    </div>
                </div>
            </div>
        </ion-list>
    </ion-content>
</ion-view>
